<!-- First include gumby.js -->
<script src="style/gumby/js/libs/gumby.js"></script>
<!-- followed by the required UI modules -->
<script src="style/gumby/js/libs/ui/gumby.checkbox.js"></script>
<script src="style/gumby/js/libs/ui/gumby.radiobtn.js"></script>
<!-- followed by gumby.init.js -->
<script src="style/gumby/js/libs/gumby.init.js"></script>

<!-- In production include a single concatenated and minimized gumby.min.js  -->
<!-- The customizer will provide you with this file  -->
<script src="style/gumby/js/libs/gumby.min.js"></script>
<script src="public/jquery/js/jquery-1.9.1.js"></script>
<!--<script>
    
</script>-->
<link rel="stylesheet" href="style/gumby/css/gumby.css" media="screen">
<link rel="stylesheet" href="style/gumby/css/style.css" media="screen">
<script type="text/javascript" src="style/nyroModal/js/jquery.nyroModal.custom.js"></script>
<link rel="stylesheet" href="style/nyroModal/css/nyroModal.css" media="screen">
<script>
    $(function() {
        var width = 400;
        var height = 300;
        var t = "hidden";
        $('.nyroModal').nyroModal({
            sizes: {
                initW: width, initH: height,
                minW: width, minH: height,
                w: width, h: height
            },
            callbacks: {
                beforeShowCont: function() { 
                    width = $('.nyroModalCont').width();
                    height = $('.nyroModalCont').height();
                    $('.nyroModalCont iframe').css('width', width);
                    $('.nyroModalCont iframe').css('height', height);
                    $('.nyroModalCont iframe').css('overflow', 'hidden');
                }
            }
        });
    });
</script>
<script type="text/javascript" src="style/dataTables/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="style/dataTables/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="style/dataTables/css/jquery.dataTables.css" media="screen">
<script type="text/javascript" src="public/javascript/scrolltopcontrol.js"></script>
<!--<link rel="stylesheet" href="public/ajax/ajaxFileUpload/ajaxfileupload.css" media="screen">-->
<script type="text/javascript" src="public/ajax/ajaxFileUpload/ajaxfileupload.js"></script>

<style>
    #news tr:hover{
        background-color: rgb(230, 230, 230);
        -webkit-border-radius: 4px;
    }
    th {
        background: rgb(228, 228, 228);
    }
    textarea{
        border: none;
        resize: none;
        background: none;
        overflow: hidden;
        height: 80%;
        color: #555555;
        font-family: "Open Sans";
    }
</style>
<script>
    function selectAllByName(source, name) {
        checkboxes = document.getElementsByName(name);
        for (var i = 0, n = checkboxes.length; i < n; i++) {
            checkboxes[i].checked = source.checked;
        }
    }
</script>
